<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录</title>
		<!--引入通用样式表command.css(开始)-->
		<link rel="stylesheet" href="css/command.css" />
		<!--引入通用样式表command.css(结束)-->
		<!--引入登录页样式表login.css(开始)-->
		<link rel="stylesheet" href="css/login.css" />
		<!--引入登录页样式表login.css(结束)-->
	</head>
<body >
<div class="login">
	<!--登录页标题-->
	<h2>学生管理系统登录</h2>
	<!--用户登录信息表单-->
	<div class="login-top">
		<h1>用户登录</h1>
		<!--表单内容开始-->
		<form>
			<!--账号密码输入-->
			<input type="text" placeholder="请输入手机号或账号">
			<input type="password" placeholder="密码">
			
	   </form>
	   <!--记住密码选项-->
			    <div class="rememberpwd">
			    	<input type="checkbox" />
			    	<span>记住密码</span>
			    </div>
	   
	    <!--密码选项-->
	    <div class="forgot">
	    	<a href="#">忘记密码</a>
	    	<input type="submit"  id="my_button" value="登录" >
	    </div>
	</div>
	<!--点击注册选项-->
	<div class="login-bottom">
		<h3>还没账号？ &nbsp;<a href="register.html">
			点击注册
			
		</a>&nbsp;</h3>
		<!--第三方登录方式-->
		
		    <hr>
		    <h4>第三方平台登录:</h4>
				<div class="login-otherways">
					<!--微博-->
					<a href="https://weibo.com/">
						<img src="img/weiboicon.jpg" />
					</a>
					<!--微信-->
					<a href="https://wx.qq.com/">
						<img src="img/weixinicon.jpg" />
					</a>
					<!--qq-->
					<a href="https://im.qq.com/pcqq/">
						<img  src="img/qqicon.jpg" />
					</a>
				</div>
		<!--第三方登录方式结束-->		
	</div>
	
<!--版权声明-->
<div class="copyright">
	<p>Copyright &copy; 2019.中国教育考试网版权所有. <br />
		<b>如有疑问，请进入中国教育考试官网了解详情</b>
	<a href="http://www.neea.edu.cn/" target="_blank" title="中国教育考试网">中国教育考试官网</a>
	</p>
</div>
<!--版权声明结束-->
</div>
</body>

</html>
